<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Thunder旅游社交系统首页</title>
	<meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />
	
	<style type="text/css">
	a:link,a:visited{ text-decoration:none;  /*超链接无下划线*/}a:hover{ text-decoration:		underline;  /*鼠标放上去有下划线*/}
    </style>

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
	
	<!-- JS
	================================================== -->
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script src="js/superfish.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/jquery.tweet.js"></script>
	<script src="js/selectnav.js"></script>
	<script src="js/jquery.fancybox.js"></script>
	<script src="js/functions.js"></script>
	<script>
		$(document).ready(function() {
			$(".slider .flexslider").flexslider({
				animation: "slide"
			});
		});
	</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

	<div id="wrapper">
	
		
		<div class="main">
		<div class="container">
		
				<!-- Header - Phone & Social
				================================================== -->	
				<div class="sixteen columns header">
					<div class="phone"><a href="blog_index.html">|进入个人中心</a></div>
					<div class="phone"><a href="register.html">|注册</a></div>
					<div class="phone"><a href="login.html">|登录</a></div>
				</div>
				<div class="clear"></div>
				<div class="des">找网站模板就上<a href="http://cssmoban.com/">模板之家</a></div>
				<!-- Header - Logo & Navigation
				================================================== -->
				<div class="sixteen columns top">
					<div class="logo four columns alpha"><a href="http://cssmoban.com/"><img src="images/logo.png" alt="" height="20px" width="180px"/></a></div>
					<div class="navigation twelve columns alpha omega">
						<ul id="nav" class="sf-menu sf-shadow">
							<li><a data-description="Index Page" href="index.html">首页</a></li>
							<li>
								<a data-description="Memory" href="memory.html">旅游记忆</a>
								<ul>
									<li><a href="photoAlbum.html">旅游相册</a></li>
									<li><a href="services.html">旅游心情</a></li>
									<li><a href="testimonials.html">评论我的</a></li>
									<li><a href="pricing.html">游记</a></li>
									<!--<li>
										<a href="#">3rd Level</a>
										<ul>
											<li><a href="#">Third Level</a>
											</li><li><a href="#">Element</a>
											</li><li><a href="#">Here</a>
										</li></ul>
									
									</li>-->
								</ul>
							
							<li class="active">
								<a data-description="Activity" href="activity-1.html">发起活动</a>
							</li>
							<li>
								<a data-description="Strategy" href="strategyIndex.html">旅游攻略</a>
								<ul>
									<li><a href="strategyCreate.html">创建攻略</a></li>
									<li><a href="strategyPersonal.html">管理攻略</a></li>
								</ul>
							</li>
							<li><a data-description="Search" href="contact.html">旅游查询</a></li>
						</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div id="separator"><span></span></div> 
					
				</div>
				<div class="clear"></div>
				
				<!-- Slider
				================================================== -->
				<div class="sixteen columns  slider clearfix">
						<div class="flexslider">
							<ul class="slides">
							    <li>
									<a href="#"><img src="images/slider/slider_image1.jpg" alt="" /></a>
									<div class="flex-caption">热带椰林</div>
								</li>
							    <li>
									<a href="#"><img src="images/slider/slider_image2.jpg" alt="" /></a>
									<div class="flex-caption">水乡古镇夜景</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image3.jpg" alt="" /></a>
									<div class="flex-caption">西部辽阔风光</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image4.jpg" alt="" /></a>
									<div class="flex-caption">山石云海</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image5.jpg" alt="" /></a>
									<div class="flex-caption">沙漠异域风情</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image6.jpg" alt="" /></a>
									<div class="flex-caption">壮阔梯田</div>
								</li>
							</ul>
						</div>
				</div>
				<div class="clear"></div>
				
				
				

				<!-- Blog Page Title
				================================================== -->
				<div class="sixteen columns">
					<h2 class="separator_title"><span>活动</span> 详情 
                        <span class="STYLE7">&nbsp;<a href="activity-1.html">>&nbsp;热门活动</a></span>
                        <span class="STYLE7">&nbsp;<a href="activity-list.html">>&nbsp;同城活动</a></span>
                        <span class="STYLE7">&nbsp;<a href="activity-mine.html">>&nbsp;我的同城</a></span>
                        <span class="STYLE7">&nbsp;<a href="#">>&nbsp;发起活动</a></span>
                    </h2>
                    <div class="separator"><div class="green"></div><div class="grey"></div></div>
				  
		  </div>
				<!-- END Blog Page Title -->
				
				
				<!-- Blog Content
				================================================== -->
				<div class="blog_content twelve columns row">
					<div class="post twelve columns row alpha">
						<div class="pic twelve columns alpha">
						 <div class="pic twelve columns alpha">
							<a class="fancybox" href="images/blog/blog_post1.png"><img src="images/blog/blog_post1.png" alt="" /></a>
						</div>
						</div>
				 <!-- <div class="details twelve columns alpha">
							<a class="date" href="#">06月01日 ~ 08月29日 每天08:00-22:00</a>
							<a class="user" href="#">John Doe</a>
							<a class="category" href="#">Webdesign</a>
							<a class="comments" href="#">6 Comments</a>
						</div>-->
						<div class="content twelve columns alpha">
							<h4 class="STYLE2"><strong>「2013夏季逃票同游青海系列活动」开始了</strong></h4>
							<p class="STYLE2">
                             &nbsp;&nbsp;<span class="STYLE5">&nbsp;时间:</span>  06月01日 ~ 08月29日 每天08:00-22:00</br>
                              <span class="STYLE3">&nbsp;&nbsp;&nbsp;<span class="STYLE5">地点:</span> </span>北京 海淀区  海的女儿·青年客栈</br>							
							  &nbsp;<span class="STYLE5">&nbsp;&nbsp;费用:</span>  免费</br>                        
                              &nbsp;&nbsp;<span class="STYLE5">&nbsp;发起人:</span>陆心之海青海湖</br>
                              &nbsp;&nbsp;&nbsp;<strong>211</strong> 人感兴趣<strong> 56 </strong>人参加</br>
                              <div class="one-third column">				
                                <a class="button medium" href="#">我感兴趣</a>
                                <a class="button green medium" href="#">我要参加</a>
						</div>
                            </p>
							<!--
							<blockquote>
								<p>Vivamus nec dui ac felis rhoncus aliquam. Nunc non orci vestibulum ipsum aliquet ornare quis non metus. Nam pellentesque nibh sit amet velit porta ac blandit tellus sollicitudin. Integer posuere ultrices rutrum. Pellentesque a ultricies elit. Vivamus et purus dui, a lacinia tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse ac lacus odio. Maecenas ante nisi, molestie et varius tempor, commodo ut nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
							</blockquote>-->
							
							
                           



					  </div>
					</div>
					
					<div class="comments twelve columns row alpha">
						<div class="divider2"></div>
						<!--<h4 class="STYLE6">&nbsp;</h4>-->
					  <div class="comment twelve columns alpha">
							
<div class="text ten columns alpha omega">
								<div class="the_comment">
									<div class="user"><span>详情</span></div>
                                      <p class="STYLE2">
                                      <span class="STYLE2">站在湖边，身处一片蔚蓝之中，真的让人迷惑，这里究竟	
                                      是在人间还是在天堂？身后，是一望无际的草原，满眼的绿中点缀着五彩的野花，成群的牦牛在阳光下	
                                      慢慢吃草；湖畔，金黄色的油菜花泛着迷人的金光，和那无边无际的蓝色映衬着，
                                      那样和谐美妙，浑然一体；头顶，有洁白的云彩，间或飞到湖心，似一阵轻风拂过心田。 
									  </BR></P>
									  <span class="STYLE2">我们是谁？ </BR>
									  一群热爱旅游的互联网青年，在无数次背包远行之后，萌生了做大鱼旅行的心愿。我们都厌倦了浅尝辄止走马观花的旅行体验，而是希望深度领略当地风土人情；我们都厌倦了自助游准备的繁琐，希望有一种轻松简单的方式帮我们实现旅游规划。 

于是最理想的自助游状态，不是花几周时间准备攻略、制定计划，而是背起行囊就出发，每到一个地方，都可以跟着当地人去旅行，让他们带着我们去吃他们最常吃的饭，去看一般游客看不到的风景，去参加当地人最喜欢的活动。 

我们希望大鱼能给大家提供一些有趣好玩的当地特色活动，让自助游用户在出发前就找到当地的旅游资源提供者，并在大鱼上方便快捷地把这些旅游活动组装成自己的旅行线路，轻松完成自助游。</BR>
</P>
		  ☆ 活动管理：亭子领队 </BR>
		  ☆ 车况：旅游小巴 或7座面包车等 依据人数选定</BR> 
		  ☆ 电话: 15891722217 </span></span>　　　　　							　</p>
			  </div>
						</div>
						</div>
						
						
						
						
				  </div>
				
					
					
				</div>
				<!-- END Blog Content -->
				
				
				<!-- Blog Sidebar
				================================================== -->
				<div class="blog_sidebar four columns row">
					
					<div class="popular_tags four columns alpha">
						<div class="title">活动相关标签</div>
						<a href="#">青海</a>
						<a href="#">青海湖</a>
						
						<a href="#">门源</a>
						<a href="#">油菜花</a>
						
						<a href="#">旅行</a>
						<a href="#">间隔年</a>
                        </p>
                        </p>
					</div>
                   
					<div class="latest_tweets four columns alpha">
						<div class="title">Thunder广告</div>
						<div id="tweets"></div>
					</div>
					<div class="banners four columns alpha">
						
						<div class="four columns alpha">
							<a href="#"><img src="http://www.mojo-themes.com/wp-content/uploads/2011/04/mojo-sparkle-180x150.png" alt="" /></a>
						</div>
						
					</div>
                    <div class="banners four columns alpha">
						
						<div class="four columns alpha">
							<a href="#"><img src="http://www.mojo-themes.com/wp-content/uploads/2011/04/mojo-sparkle-180x150.png" alt="" /></a>
						</div>
						
					</div>
					
					<div class="popular_tags four columns alpha">
						<div class="title">活动成员</div>
						<div>(要参加 56)</div>
					    <div id="content" class="six columns alpha">
					
					<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="200">
						<tr>
							<td>
							<a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
										<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
						
						<tr>
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
					</table>
                    </div>
                    <div>(感兴趣 211)</div>
					<div id="content" class="six columns alpha">
					
					<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="200">
						<tr>
							<td>
							<a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
										<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
						
						<tr>
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
							
							<td><a href="blog_index.html">
								<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="50">
									<tr>
										<td >
											<img src="images/avatars/avatar3.png" width="40" height="40"/>
										</td>
									</tr>
									<tr>
									<td valign="middle">
										<span class="STYLE2"> Jack </td>
									</tr>																					
								</table>
							</td>
						</tr>
					</table>
					
				</div>
				<!-- END Blog Content -->
				
				</div>
				</div>
		</div>
		<!-- END container -->
		<a id="goto_top" href="#"></a>
		</div>
		<!-- END main -->
		
	</div>
	<!-- END wrapper -->

	<div id="footer">
		<div id="f_line"></div>
		<div class="container">
			<div class="footer sixteen columns">
				<div class="three columns alpha">
					<h3>NAVIGATE</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Services</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contacts</a></li>
					</ul>
				</div>
				
				<div class="three columns">
					<h3>POWERED BY</h3>
					<ul>
						<li><a href="#">PHP</a></li>
						<li><a href="#">MySQL</a></li>
						<li><a href="#">Apache</a></li>
						<li><a href="#">Wordpress</a></li>
						<li><a href="#">Linux</a></li>
					</ul>
				</div>
				
				<div class="social three columns">
					<h3>WE'RE SOCIAL</h3>
					<ul>
						<li><a class="twitter" href="#">Twitter</a></li>
						<li><a class="facebook" href="#">Facebook</a></li>
						<li><a class="flickr" href="#">Flickr</a></li>
						<li><a class="rss" href="#">RSS Feed</a></li>
					</ul>
				</div>
				
				<div class="facebook_box seven columns omega">
					
				</div> 
				
			</div>
		</div>		
	</div>
	<div id="footer_bottom">
		<div class="container">
			<div class="sixteen columns">
				<div class="copyright ten columns alpha">Copyright &copy; 2012 Frontline Theme Demo. All Rights Reserved</div>
				<div class="links six columns alpha omega">
					<a href="#">Sitemap</a> | <a href="#">Privacy</a> | <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
				</div>
			</div>
		</div>
	</div>
	<!-- END footer -->

</body>
</html>